<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>数组方法的扩展-map reduce</title>
</head>
<body>
<script>
    /*********************************map*********************/
    let arr = ['1', '20', '-5', '3'];
    console.log(arr)
    // 1:数据类型的更改 map自身循环的功能
    // 2:map方法可以将原数组中的所有元素通过一个函数进行处理并放入到一个新数组中并返回该新数组。
    var newarr = arr.map(function (value) {
        return parseInt(value) * 2;
    });
    /*
    // 箭头简化01
    var newarr = arr.map(value=>{
        return parseInt(value) * 2;
    });
    // 箭头简化02
    var newarr = arr.map(value => parseInt(value) * 2);
    */
    console.log("原数组：", arr);
    console.log("map的newarr数组：", newarr); // 2 40 -10 6
    /*********************************end map*********************/
    /*********************************reduce*********************/
        //reduce 计算方法
    let arr2 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
    var result = arr2.reduce((a, b) => a + b);
    console.log(result);
    /*********************************end reduce*********************/
</script>
</body>
</html>